<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
<title>信息查询</title>
<script src="__PUBLIC__/js2/jquery-1.8.3.min.js"></script>
<script src="__PUBLIC__/js2/wb.js"></script>
<script src="__PUBLIC__/layer/2.4/layer.js"></script>
<script src="__PUBLIC__/js/mobiscroll.custom-2.5.2.min.js"></script>
<link href="__PUBLIC__/css2/public.css" rel="stylesheet" type="text/css" />
<link href="__PUBLIC__/css2/style.css" rel="stylesheet" type="text/css" />
<link href="__PUBLIC__/css/mobiscroll.custom-2.5.2.min.css" rel="stylesheet" type="text/css" />
</head>

<body>
	<div class="top-bar">查询信息</div>
	<div class="nom-title">查询条件</div> 
	<div class="contbar">
		<ul>
			<li><input type="text" name="phone" id="phone" placeholder="手机号码" value="13908337944" /></li>
			<li><input type="text" name="code" id="code" placeholder="查询码" value="626409" /></li>
			<li><input type="text" id="btime" name="btime" placeholder="开始时间(可以不填)" /></li>
			<li><input type="text" id="etime" name="etime" placeholder="结束时间(可以不填)" /></li>
		</ul>
	</div>
	
	<div style="margin-bottom:50px;">
		<a href="javascript:void(0);" class="btn query">查询</a>
		<a href="/xj/wap/pay.html" class="btn right" style="background-color: #f0ad4e">充值</a>
	</div>
<!-- 
	<div class="nom-title">缴费</div> 
	<div class="contbar">
		<ul>
			<li><input type="text" placeholder="1000" /></li>
		</ul>
	</div>
	<a href="javascript:void(0);" class="btn">缴费</a>

	<a href="javascript:void(0);" class="btn">记录查询</a>
	<div class="nom-title">当前水电费用--1703，张三。。。。</div> 
-->
	<div class="nom-title"></div> 
	<div id="content" style="display: none;"></div>	
	
	<script>
		$(function () {
			var currYear = (new Date()).getFullYear(); 
			var opt={};
			opt.date = {preset : 'date'};
			opt.datetime = {preset : 'datetime'};
			opt.time = {preset : 'time'};
			opt.default = {
				theme: 'android-ics light', //皮肤样式
				display: 'modal', //显示方式
				mode: 'scroller', //日期选择模式
				dateFormat: 'yyyy-mm-dd',
				lang: 'zh',
				showNow: true,
				setText: '确定',
				nowText: "今天",
				cancelText: '取消',
				startYear: currYear, //开始年份
				endYear: currYear + 10 //结束年份
			};
			
			$("#btime").mobiscroll($.extend(opt['date'], opt['default']));
			$("#etime").mobiscroll($.extend(opt['date'], opt['default']));
		});
		
		$(document).ready(function(){
			$(".query").on('click', function(){
				var load = layer.load(2);
				var where = {};
					where.ajax = 1;
					where.phone = $("#phone").val();
					where.code = $("#code").val();
					where.btime = $("#btime").val();
					where.etime = $("#etime").val();
				$.get("/xj/wap/index.html", where, function(data){
					layer.close(load);
					if(data.errCode/1){
						$("#content").show().html(data.html);
					}else{
						layer.msg('未查询到数据...', {icon: 5, time: 2000});
					}
				});
			});
			
			$(".tab ul li").on('click', function(){
				$(".tab ul li").removeClass('select');
				$(this).addClass('select');
			});
		});
	</script>
</body>
</html>
